<template>
    <div class="new-media">
        <div class="image">
            <img src="../../../assets/img/newmedia.png" alt="">
        </div>
        <div class="text">
            <p>新媒体：<strong>100+</strong>万</p>
            <div class="num">
                <p>自媒体账号50万+</p>
                <p>微信公众大号近10万+</p>
                <p>高端红人朋友圈15万+</p>
                <p>微博红人26+万</p>
                <p>优质视频/直播账号3000+</p>
            </div>
            <div class="form">
                <p>形式：信息流广告、热门话<br/>题、KOL朋友圈、硬广、直<br/>播、广告植入……</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'NewMedia',
    data () {
        return {

        }
    }
}
</script>
<style scoped>
.new-media {
    padding-top: 60px;
}
.new-media .image {
    width: 277px;
    height: 563px;
    display: inline-block;
}
.new-media .image img {
    width: 100%;
    height: auto;
}
.new-media .text {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}
.new-media .text>p {
    font-size: 36px; /*px*/
    color: #1e90ff;
}
.new-media .text>p strong {
    color: #05173b;
    font-weight: bolder;
    font-size: 40px; /*px*/
}
.new-media .text .num {
    margin-top: 136px;
    font-size: 30px; /*px*/
    color: #708090;
}
.new-media .text .num p {
    line-height: 40px;
}
.new-media .text .form {
    margin-top: 60px;
}
.new-media .text .form p {
    font-size: 30px; /*px*/
    color: #708090;
    line-height: 40px;
}
</style>
